/* BACKGROUND COLORS */
.bgDarkBlue 	{background-color:#102142}
.bgDarkBlueOn	{background-color:#1A2B4C}
.bgMediumBlue 	{background-color:#214263}
.bgLightBlue	{background-color:#E6F5FF}
.bgOrange	 	{background-color:#F97515} /*'FF5732*/
.bgLightOrange  {background-color:#FFC449} /*'#FFC449}*/
.bgYellow	 	{background-color:#FFD34B}
.bgRed			{background-color:#FF5A00}
.bgGrey1		{background-color:#FFFFFF}
.bgGrey2		{background-color:#F0F0F0}
.bgGrey3		{background-color:#E5E5E5}
.bgGrey4		{background-color:#CCCCCC}
.bgGrey5		{background-color:#9E9E9E}
.bgGrey6		{background-color:#808080}
.bgGrey7 		{background-color:#444444}
.bgGrey8        {background-color:#252525}
.bgWhite		{background-color:#FFFFFF}
.bgBlack		{background-color:#000000}

.bg-bak			{background-image:url(images/bak.gif);}

/* BORDER STYLES */
.FrameBorder    {border:1px solid #808080}
.FrameBorder7   {border:2px solid #444444}
.Border1		{border:1px solid #FFFFFF}
.Border2		{border:1px solid #F0F0F0}
.Border3		{border:1px solid #E5E5E5}
.Border4		{border:1px solid #CCCCCC}
.Border5		{border:1px solid #9E9E9E}
.Border6		{border:1px solid #808080}
.Border7		{border:1px solid #444444}
.DarkBorder 	{border:1px solid #000000}
.BlueBorder		{border: 1px solid #33405A}

/* TEXT */
.txtDarkBlue 	{color:#102142}
.txtDarkBlueOn	{color:#1A2B4C}
.txtMediumBlue  {color:#214263}
.txtLightBlue	{color:#E6F5FF}
.txtOrange      {color:#F97515} /*'FF5732*/
.txtLightOrange {color:#FFC449} /*'#FFC449}*/
.txtYellow      {color:#FFD34B}
.txtRed         {color:#FF5A00}
.txtGrey		{color:#808080}
.txtBlack       {color:#000000}
.txtWhite       {color:#FFFFFF}
.txtBold        {font-weight:bold}

/* FONT SIZES */
.font9  {font-size:9px}
.font10 {font-size:10px}
.font11 {font-size:11px}
.font12 {font-size:12px}
.font13 {font-size:13px}
.font14 {font-size:14px}
.font15 {font-size:15px}
.font18 {font-size:18px}
.nowrap {white-space:nowrap}

/* PADDING */
.p1313 {padding:1px 3px 1px 3px;}
.p4 {padding:4px;}
.p10 {padding:10px;}
.left4 {padding-left:4px;}
.left10 {padding-left:10px;}
.m10 {margin:10px;}
.m5 {margin:5px;}

/* ALIGNMENT */
.vab {vertical-align:bottom;}

/* GRID */
.col1 { width: 20% }
.col2 { width: 40% }
.col3 { width: 60% }
.col4 { width: 80% }
.col5 { width: 100% }

BODY {
		background-color: #000000;
		color : #FFFFFF;
		font-family: sans-serif;
	   	scrollbar-face-color: #353535;
	  	scrollbar-highlight-color: #000000;
	   	scrollbar-shadow-color: #000000;
	   	scrollbar-3dlight-color: #FFAA29;
	   	scrollbar-arrow-color: #FF8A29;
	   	scrollbar-track-color: #999999;
	   	scrollbar-darkshadow-color: #171137;
		margin-top : 0px;
		margin-left : 0px;
		margin-right : 0px;
		margin-bottom : 55px;
		}
	DIV{font-size: 11px;}
	IMG{border:0px;}
	A:link {
		color: #FF8A29;
		background: transparent;
		text-decoration: none;
		font-weight : bold;
		}
	A:active {
		color:  #FF8A29;
		background: transparent;
		text-decoration: blink
		}
	A:visited {
		color: #FF8A29;
		background: transparent;
		text-decoration: none;
		font-weight : bold;
		}
	A.lightorange{
		color : #FFC449;
	}
	A.selected{
		color: #102142;
		background-color:#FFC449;
	}
	A.boldlink{
		color : #FF5A00;
	}
	A.submenulink{
		font-family : monospace;
		font-size : 13px;
		font-weight : bold;
	}
	A.submenulinkon{
		color : #FFC449;
		font-family : monospace;
		font-size : 13px;
		font-weight : bold;
	}
	A:hover {
		text-decoration: underline
		}
	.onlink{
		color : #FFC449;
	}
	.link{
		color : #FF8A29;
	}
	
	
/* FORM STYLES */
	FORM{
			margin: 0px;
		}
	Input.small{
		vertical-align : text-bottom;
		border : 1px solid Gray;
		background-color : #AAAAAA;
		font-size:10px;
	}
	Input.button {
	    padding:3px;	
		border-top: 1px solid Gray;
		border-right:1px solid #444444;
		border-bottom:1px solid #444444;
		border-left:1px solid Gray;
		background-color : #102142;
		color : #FFC449;
		font-weight : bold;
		font-size: 11px;
		}
	.buttons {
		vertical-align : text-bottom;
		border : 2px ridge Gray;
		background-color : #102142;
		color : #FF8A29;
		font-weight : bold;
		font-size: 11px;
		}
	SELECT{ 
		background-color: #102142;
		background-image: url(./images/bak.gif);  
		color: #FFC449;
		font-weight: bold;  
		font-size: 11px;  
		vertical-align: text-bottom;  
		font-family: sans-serif; 
		}
	SELECT.MAIN{ 
		background-image: url(./images/bak.gif);
		font-size : 14pt;
		font-family : monospace;
		font-weight : bold;
		color : #FFC449;
		}
	SELECT.SUB{ 
		background-image: url(./images/bak.gif);
		font-size : 10pt;
		font-family : monospace;
		font-weight : bold;
		color : #FFC449;
		}	
	selectset{ 
		vertical-align: text-top; 
		}
	textarea {
	    scrollbar-face-color: #353535;
	    scrollbar-highlight-color: #000000;
	    scrollbar-shadow-color: #000000;
	    scrollbar-3dlight-color: #FFAA29;
	    scrollbar-arrow-color: #FF8A29;
	    scrollbar-track-color: #999999;
	    scrollbar-darkshadow-color: #171137;
		background : Silver;
	  	}
		
/* TEXT STYLES */
	.tickets{
		font-size: 25px;
		}
	tickets.a{
		color:#FFFFFF;
		font-size:15px;
	}
	.bodytext{
		font-size: 11px;
		}
	.mynote{
	    font-size:12px;
	    color:#FF5A00;
	    }
	.headertext{
		font-size: 12px;
		color: #214263;
		}
	.itemtitle{
		font-size : 11px;
		font-weight : bold;
		color: #214263;
		}
	.setitem{
		font-size : 11px;
		font-weight : bold;
		color: #FFC449;
		}
	.smallsetitem{
		font-size : 10px;
		font-weight : bold;
		color: #FFC449;
		}
	.statcontent{
		font-size:10px;
		color:#FFFFFF;
	}
	.detail {
		font-size:9px;
		}
	.detailgreen {
		font-size:9px;
		color:#5FC6C6;
		}
	.detail3 {
		font-size:9px;
		color:#E5E5E5;
		}
	.detail5 {
		font-size:9px;
		color:#9E9E9E;
		}
	.detailitem{
		font-size:9px;
		color:#FFC449;
	}
	.submenulink{
		font-family : monospace;
		font-size : 10px;
		font-weight : bold;
		color : #FF8A29;
	}
	.smallsubmenulink{
		font-family : monospace;
		font-size : 8pt;
		font-weight : bold;
		color : #FF8A29;	
		}
	.smallsubmenulinkon{
		font-family : monospace;
		font-size : 8pt;
		font-weight : bold;
		color : #FFC449;
		}
	.news{
		font-size : 10px;
		}
	.newsitem{
		font-size : 11px;
		font-weight : bold;
		color : #FFC449;
	}
	.bignewsitemon{
	    font-size : 14px;
	    font-weight : bold;
	    font-family : sans-serif;
	    color : red;
    }
	.smallnewsitem{
		font-size : 11px;
		font-weight : bold;
		color : #FFD34B;
	}
	.smallnewsitemgreen{
		font-size : 11px;
		font-weight : bold;
		color : #008080;
	}
	.reportlink{
		font-size : 12px;
		font-weight : bold;
		color: #FFFFFF;
	}
	.smallreportlink{
		font-size : 11px;
		font-weight : bold;
	}
	.headeritem {
		font-size : 11px;
		font-weight : bold;
	}
	.subtitle{
		font-size : 18px;
		font-family : monospace;
		font-weight : bold;
		color : #FFC449;
	}
	.newsitemon{
		font-size : 10px;
		font-weight : bold;
		color : #FF5A00;
	}
	.overliblink{
		font-size : 12px;
		font-weight : bold;
		color : #FF8A29;
	}
	a.overliblink:hover {
		cursor: default;
	}
	.grey4{
		color : #CCCCCC;
	}
	.lightorange{
		color: #FFC449;
	}
	.errortext{
		color: #FF5A00;
		font-size:11px;
		font-weight:bold;
	}
	.my-cell {
		font-weight: bold;
		color: #102142;
		background-color: #FFD34B;
		text-align: center;
		border: 1px solid #808080;
	}
	.text-small-caps {
		font-variant: small-caps;
	}
	.highlightcell {
		color: #102142;
		background-color: #FFC449;
	}

	/* Tour Opener/Closer classes */
	.tour-role-to { border-top: 1px solid #808080; }
	.tour-role-tc { border-bottom: 1px solid #808080; }

	/* Slot classes */
	.slot-opener	 { background-color: #006666 !important; }
	.slot-set1closer { background-color: #336699 !important; }
	.slot-set2opener { background-color: #004040 !important; }
	.slot-midset	 { background-color: #2E2E2E !important; }
	.slot-closer	 { background-color: #214263 !important; }
	.slot-encore	 { background-color: #660000 !important; }
	.slot-2ndencore  { background-color: #CC0000 !important; }

	.slot-encore-break { border-top: 1px solid #FFC449; }


/* TEXT JUSTIFICATION */
.lj { text-align: left; }
.cj { text-align: center; }
.rj { text-align: right; }
.jj { text-align: justify; }

.indent { padding-left: 10px; }

/*TABLE STYLES */
.tabpadding{
	padding:10px 5px 10px 5px;
}
.threedeetable{
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-right:1px solid #4F4F4F;
	border-bottom:1px solid #4F4F4F;
}
.threedeetab{
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-right:1px solid #4F4F4F;
	
}
.threedeetabheader{
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	background-color:#214263;
	border-bottom:1px solid #000000;
}
.threedeetabfooter{
	border-top:1px solid #808080;
	border-right:1px solid #4F4F4F;
	background-color:#214263;
	border-bottom:1px solid #000000;
}
.threedeetabcell{
	border-top:1px solid #808080;
	background-color:#214263;
	border-bottom:1px solid #000000;
}
	
.fadeddetail {
	color: #A49FA4;
	font-size:7pt;
	font-weight : bold;
}
.newslogcell{
		border : 2px solid #808080;
		empty-cells : show;
}
.columnheader {
	color: #CCCCCC;
	font-size: 10px;
	font-weight : bold;
	}
.headerpanel{
		background-color:#102142;
		border-bottom: 1px solid #808080;
		font-size:11px;
		padding:2px 4px 2px 4px;
		color:#FFFFFF;
	}

/* CELL STYLES */
	.headercell{
		background-color:#102142;
		border-bottom: 1px solid #808080;
		font-size:11px;
		padding:2px 4px 2px 4px;
		color:#FFFFFF;
	}
/* CELL STYLES */

/* BOX STYLES */
	.darkheadercell{
		font-size:12px;
		padding-left:3px;
		color:#FFFFFF;
		font-weight: bold;
		background-color:#214263;
		}
	.lightheadercell{
		font-size:12px;
		padding-left:3px;
		color:#FFFFFF;
		font-weight: bold;
		background-color:#F97515;
		}

/* ALTERNATING ROW COLOR TABLE*/
/* Add 'alternating' class to table & use standard thead + tbody structure */
table.alternating {
    padding: 0;
    border-spacing: 0;
}
table.alternating td,
table.alternating th {
    font-size: 11px;
    padding: 1px 4px;
    border-right: 1px solid #808080;
}
table.alternating th {
    font-weight: bold;
    background-color: #214263;
	font-variant:small-caps;
}
table.alternating tbody tr { background-color: #1A2B4C; }
table.alternating tbody tr:nth-child(odd) { background-color: #102142; }

table.show-list td,
table.show-list th { border-right: none; }

@media only screen and (max-width: 576px) {
	div,
	table.alternating td,
	table.alternating th {
		font-size: 14px;
	}
}

/* MENU LIST */
ul.menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu-list > li a {
	display: block;
	height: 100%;
	background-color: #102142;
	padding: 4px 5px;
}
ul.menu-list > li a:hover { background-color: #1A2B4C; text-decoration: none; color: #FFC449; }
ul.menu-list > li { border-bottom: 1px solid #214263; }
ul.menu-list > li:last-child { border-bottom: none; }
ul.menu-list > li.hr { border-bottom: 3px solid #214263; display: block; }

/* Filter Grouping */
.filter-group {
	list-style: none;
	padding: 0;
	background-color: #252525;
	border: 1px solid #808080;
}

.filter-group .filter-group-header {
	background-color: #102142;
	border-bottom: 1px solid #808080;
	font-size: 11px;
	padding: 2px 4px 2px 4px;
	color: #ffffff;
}

.filter-group .filter-group-item,
.filter-group .filter-group-item-group,
.filter-group .filter-group-sub-item {
	padding: 3px;
	margin: 0;
}

.filter-group .filter-group-item-group {
	border-top: 1px solid #444444;
}

.filter-group .filter-group-sub-item {
	padding-left: 10px;
	background-color: #2E2E2E;
}

.filter-group .filter-group-item a,
.filter-group .filter-group-sub-item a {
	text-decoration: none;
}

.filter-group .selected {
	background-color: #FFC449;
	color: #000000;
	font-weight: bold;
}

/* FLOATING DIV STYLES */
.left {
	float: left;
	text-align: left;
	}
	
.right {
	float: right;
	text-align: right;
	}

.hidden {
	display: none;
}

/* ID STYLES */
	#msg {
		position: absolute;
		left: 30%;
		top:100px;
		width: 30%;
		background: White;
		border: 2px solid Red;
		font: 12px;
		color: Red;
		text-align: center;
		z-index: 2;
		}

/* Mobile Formatting */
@media only screen and (max-width: 576px) {
	/* Make text bigger on phones (no more pinching!) */
	div, td, th,
	table.alternating td,
	table.alternating th {
		font-size: 14px;
	}

	.sticky-top {
		top: 50px;
	}
}